@use "@/styles/variables" as *;

:deep(.ant-pagination .ant-pagination-item-active) {
  background-color: #0083ff;
}

:deep(.ant-pagination .ant-pagination-item a) {
  color: #F7F8FA;
}

:deep(.ant-pagination .ant-pagination-disabled .ant-pagination-item-link),
:deep(.ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link) {
  color: $antPaginationButtonColor;
}

:deep(.ant-pagination .ant-pagination-prev button),
:deep(.ant-pagination .ant-pagination-next button) {
  color: #F7F8FA;
}

//修改表头文字、背景颜色
:deep(.ant-table-thead > tr >th) {
  color: $antTableTheadText;
  background: $antTableTheadBg !important;
  border-bottom: none;
  padding: 10px;
}

:deep(.ant-btn) {
  padding: 5px;
  font-size: 15px;
}

//修改列表文字、背景颜色
:deep(.ant-table-tbody > tr >td) {
  color: $antTableBodyText;
  font-size: 16px;
  background: $antTableBodyBg !important;
}

//鼠标放置在某一行的样式变化
:deep(.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td) {
  //background: #0083ff !important;
  color: $antTableBodyRowHoverText;
}

//去除每一行的下边框线
:deep(.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody >tr >td) {
  border-top: 0;
  border-bottom: 0;
}

:deep(.ant-empty-description) {
  color: #fff
}

//滚动条
:deep(.ant-table-body) {
  &::-webkit-scrollbar {
    height: 5px;
    width: 10px;
    overflow-y: auto;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(89, 89, 89, 0.2);
    background: #3494b8;
  }

  &::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #12204E;
  }
}
